/*头部样式*/
.header { height: 30px; font: 400 12px/30px "Microsoft YaHei"; color: #666666; background: #f8f8f8; font-family: "宋体"; }
.header a { color: #666666; }
.hht { height: 121px; }
.logo { float: left; width: 409px; height: 72px; margin-top: 24px; }
.tel1 { width: 242px; height: 50px; font: 400 20px/24px "Microsoft YaHei"; color: #333333; margin-top: 33px;line-height:26px; }
.tel { width: 242px; height: 50px; font: 400 16px/24px "Microsoft YaHei"; color: #333333; margin-top: 5px; }
/*语言包*/
.translate { width: 100px; position: absolute; left: 0; top: 10px; z-index: 9999; }
.tran-in { left: 120px; }
.translate li { border: 1px dashed #cccccc; line-height: 26px; text-align: left; background: #fff; }
.translate li a { display: block; padding-left: 10px; background: url(dot4.png) no-repeat 88% 11px; }
.translate li a:hover { text-decoration: none; color: #275cea; cursor: pointer; }
.translate-en { display: none; padding: 6px; padding-top: 0px; }
.translate li .translate-en a { padding-left: 0px; text-align: center; background: #fff; border-bottom: 1px solid #cccccc; }
.translate li .translate-en a:hover { font-weight: bold; }
/*导航栏样式*/
#menu { background-color: #0964af; }
.nav { background-color: #0964af; height: 40px; }
.nav li { line-height: 40px; height: 40px; text-align: center; width: 171px; float: left; position: relative; z-index: 999; }
.nav li a { display: block; line-height: 40px; color: #fff; height: 40px; font-size: 16px; }
.nav li a:hover { color: #fff; text-decoration: none; background-color: #ffc000; font-size: 18px; }
.nav .sec { height: 0; background: #01557a; color: #fff; overflow: hidden; z-index: 9999; position: absolute; top: 40px; left: 0px; }
.nav .sec a { background: #01557a; color: #fff; height: 38px; line-height: 38px; width: 171px; }
.nav .sec a:hover { background: #042d3f; text-decoration: none; }
/*搜索和热门搜索*/
.ss { background: #eeeeee; line-height: 54px; }
.search { width: 1200px; margin: 0 auto; }
#formsearch { float: right; width: 203px; line-height: 25px; background: url(ss.png) no-repeat top center; margin-top: 14px; }
.hotSearch { float: left; font-weight: normal; color: #999999; line-height: 54px; font-family: "宋体"; }
.hotSearch a { margin-right: 6px; color: #999999; }
.hotSearch a:hover { color: #999999; }
#formsearch input { height: 25px; background: none; border: none; line-height: 25px; float: left; }
#formsearch input#keyword { height: 25px; line-height: 25px; padding-left: 26px; color: #888888; width: 115px; outline: none; font-family: "宋体"; }
#formsearch input#s_btn { width: 60px; height: 25px; line-height: 25px; text-align: center; color: #fff; border: none; cursor: pointer; float: right; }
#search-type { float: left; width: 100px; height: 25px; border: 1px solid #c8c8c8; margin-right: 5px; }
.c1 { background: #f8f8f8; padding-top: 46px; padding-bottom: 25px; }
.c1a { width: 201px; height: 804px; border: 1px solid #dcdcdc; background: #fff; padding: 0 16px; }
.c1a .cpfl { width: 200px; height: 108px; border-bottom: 1px solid #e6e5e5; margin-bottom: 15px; }
.c1a .cpfl dd { font: 600 30px/30px "Microsoft Yahei"; color: #636363; margin-left: 11px; padding-top: 39px; }
.c1a .cpfl dt { font: 400 12px/12px "Arial"; color: #989797; margin-left: 11px; margin-top: 10px; text-transform: uppercase; }
.c1a ul { }
.c1a ul li { height: 48px; padding-left: 11px; border-bottom: 1px solid #e6e5e5; text-align: left; margin-bottom: 15px; }
.c1a ul li a { font: 400 16px/48px "Microsoft Yahei"; color: #272636; }
.c1b { width: 944px; }
.cpbt { font: 600 32px/32px "Microsoft Yahei"; color: #333333; position: relative; margin-bottom: 30px; }
.cpbt span { font: 400 18px/18px "Microsoft Yahei"; color: #919293; }
.cpbt a { display: block; width: 48px; height: 16px; border: 1px solid #cecfd1; text-transform: uppercase; text-align: center; font: 400 12px/16px "Microsoft Yahei"; position: absolute; top: 13px; right: 0px; }
.cpbt:before { content: ""; width: 600px; height: 1px; background: #cecfd1; position: absolute; top: 22px; left: 295px; }
.product_list22 { }
.product_list22 li { float: left; margin-right: 29px; margin-bottom: 32px; }
.product_list22 li:nth-child(3n) { margin-right: 0; }
.product_list22 li a.img { display: block; width: 293px; height: 243px; border: 1px solid #dcdcdc; overflow: hidden; }
.product_list22 li img { width: 293px; height: 248px; }
.product_list22 li h3 { width: 100%; height: 39px; background: #aaaaaa; text-align: center; }
.product_list22 li h3 a { font: 400 20px/39px "Microsoft Yahei"; color: #f8f8f8; }
.product_list22 li:hover img { border-bottom-color: #0964af; }
.product_list22 li:hover h3 { background: #0964af; }
.product_list22 li .img img { width: 293px; height: 280px; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.product_list22 li .img img:hover { background: #fff; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out; }
.c2 { width: 100%; height: 1198px; left: 50%; background: url(ys.png) no-repeat top center; text-align: center; }
.c2 .ysbt { font: 600 48px/48px "Microsoft Yahei"; color: #ffffff; padding-top: 36px; }
.c2 .ysbt span { font: 600 100px/77px "Arial"; vertical-align: -13px; }
.c2 .ysfbt { font: 400 22px/22px "Microsoft Yahei"; color: #ffc000; margin-top: 16px; }
.ys { width: 1200px; margin: 0 auto; text-align: left; margin-top: 137px; height: 364px; overflow: hidden; }
.c2 dd { font: 600 24px/24px "Microsoft Yahei"; color: #333333; }
.c2 dt { font: 400 12px/12px "Arial"; color: #cfcfcf; text-transform: uppercase; margin-top: 7px; }
.c2 dl { font: 400 14px/24px "Microsoft Yahei"; color: #797979; margin-top: 7px; height: 112px; }
.ysa { width: 394px; padding-left: 150px; }
.ysb { width: 542px; height: 285px; margin-right: 14px; }
.yss { width: 1200px; margin: 0 auto; text-align: left; height: 547px; overflow: hidden; }
.yssa { width: 587px; height: 509px; }
.yssb { width: 613px; }
.ys3 { width: 440px; margin-left: 162px; }
.yss dl { height: 75px; overflow: hidden; }
.ysimg3 { margin-left: 23px; }
.c3 { width: 100%; height: 412px;  left: 50%;  background: url(c3.png) no-repeat top center; }
.c3a { margin-left: 196px; width: 685px; margin-top: 102px; }
.c3a dd { font: 400 24px/24px "Microsoft Yahei"; color: #ffffff; }
.c3a dt { font: 400 14px/32px "Microsoft Yahei"; color: #feffff; margin-top: 20px; height: 180px; }
.c3a a { display: block; font: 600 18px/95px "Microsoft Yahei"; color: #ffc000; }
.c3b { width: 220px; height: 300px; margin-right: 42px; margin-top: 63px; }
.c4 { margin-top: 60px; }
#vdemo { overflow: hidden; width: 100%; margin: 0 auto; }
#vindemo { float: left; width: 800%!important }
#vdemo1 { float: left; }
#vdemo2 { float: left; }
.gun { position: relative; margin-top: 55px; }
.l_btn, .r_btn { position: absolute; top: 42%; cursor: pointer; width: 25px; height: 31px; }
.l_btn { left: -45px; }
.r_btn { right: -45px; }
.product_list3 { }
.product_list3 li { float: left; margin-left: 10px; margin-right: 10px; _display: inline; position: relative; }
.product_list3 li a.img img { width: 370px; height: 370px; }
.product_list3 li h3 { text-align: center; position: absolute; left: 0px; bottom: 0px; line-height: 30px; height: 30px; width: 370px; background: rgba(9,100,175,0.8); }
.product_list3 li h3 a { font-weight: normal; color: #ffffff; font-size: 14px; font-family: "微软雅黑"; }
.product_list3 li a.img { display: block; }
.product_list3 li a.img:hover { border-color: #e87518; }
.c5 { margin-top: 80px; }
.product_list4 { margin-top: 40px; }
.product_list4 li { float: left; margin: 0 12px; }
.product_list4 li img { width: 177px; height: 247px; border: 1px solid #dddddd; }
.product_list4 li h3 { padding-top: 14px; text-align: center; font: 400 14px/14px "Microsoft Yahei"; color: #666666; }
.heng { width: 100%; height: 140px; left: 50%;  margin-top: 50px; }
/*主体样式*/
.tybt { width: 100%; left: 50%;  text-align: center; }
.tybt dd { font: 600 30px/30px "Microsoft Yahei"; color: #222222; }
.tybt dt { font: 400 14px/14px "Arial"; color: #636363; margin-top: 16px; text-transform: uppercase; }
.tybt .xian { width: 100%; height: 3px; background: url(xian.png) no-repeat top center; margin-top: 6px; }
.tybt dl { font: 400 14px/14px "Arial"; color: #636363; margin-top: 13px; }
#container { width: 1200px; margin: 0 auto; margin-top: 10px; }
#container1 { width: 1200px; margin: 0 auto; }
.container1 { width: 1200px; margin: 0 auto; }
.w1200 { width: 1200px; margin: 0 auto; }
.menu_cate { width: 220px; float: left; }
.cate_title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "Microsoft YaHei"; background: url(nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; }
.about { width: 460px; float: left; margin-left: 12px; padding-bottom: 5px; }
.about_title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "Microsoft YaHei"; background: url(nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; }
.about .content { padding: 5px; padding-bottom: 12px; text-indent: 20px; }
.navigation { float: right; width: 100px; }
.index-title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "Microsoft YaHei"; background: url(nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; }
.index-table td { border: solid #add9c0; border-width: 0px 1px 1px 0px; padding: 10px 5px; }
.index-table { border: solid #add9c0; border-width: 1px 0px 0px 1px; margin-top: 10px; }
/*----- Common css ------*/
.fl { float: left; }
.fr { float: right; }
.di { _display: inline; }
.fwn { font-weight: normal; }
.dib {
*display:inline; _zoom: 1; _display: inline; _font-size: 0px; }
/*首页新闻*/
.news { margin-top: 30px; }
.news_company { width: 380px; margin-right: 18px; }
.news1_title { border-bottom: 1px solid #0964af; font: 400 24px/50px "微软雅黑"; color: #0964af; position: relative; }
.news1_title span { padding-left: 12px; color: #999; font-size: 14px; text-transform: uppercase; }
.news1_title a { position: absolute; right: 0; top: 0; text-transform: uppercase; font-size: 14px; color: #2d384b; }
.news_company .content { padding-top: 20px; }
/*首页左侧联系我们*/
.contact { width: 218px; float: left; padding-bottom: 5px; margin-top: 10px; }
.contact_title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "Microsoft YaHei"; background: url(nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; }
.contact .content { padding: 5px; padding-left: 8px; }
/*工程案例*/
.case { width: 460px; float: left; margin-left: 12px; padding-bottom: 5px; margin-top: 10px; }
.case_title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "Microsoft YaHei"; background: url(nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; }
.case .content { padding: 5px; padding-bottom: 12px; text-indent: 20px; }
.news2_company { margin-top: 10px; }
/*产品推荐*/
.recommend_product { margin-top: 10px; width: 692px; float: left; }
.recommend_product .title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "Microsoft YaHei"; background: url(nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; }
.recommend_product .content { padding-top: 15px; padding-bottom: 14px; }
.roll_product li { padding-bottom: 0px; }
/*品牌列表*/
.brand-list { margin: 20px 0px; display: flex; display: -webkit-flex; flex-wrap: wrap; }
.brand-list li { margin: 5px 8px; }
.brand-list li:hover { box-shadow: 2px 1px 5px; }
.brand-list li img { width: 150px; height: 120px; }
/*前台多页签*/

.tab { position: relative; }
.tab li { float: left; width: 100px; height: 30px; display: block; line-height: 30px; border: 1px solid #ccc; margin-right: 8px; text-align: center; color: #333; font-size: 12px; cursor: pointer; }
.tab li.cur { color: #fff; text-decoration: none; font-size: 12px; background: #3a78c1; border-color: #3a78c1; }
.tt { display: none; }
.list1 { padding: 8px 10px; }
.list1 li { line-height: 27px; position: relative; vertical-align: middle; }
.list1 li a { background: url(list_dot1.gif) left center no-repeat; padding-left: 12px; line-height: 27px; color: #555555; }
.list1 li a:hover { color: #e87518; text-decoration: none; }
.list1 li span { position: absolute; right: 0px; line-height: 30px; top: 0; color: #999; }
/*友情链接*/
.f_link { width: 1200px; margin: 0 auto; margin-top: 50px; }
.f_link dd { height: 43px; width: 100%; border-bottom: 2px solid #0964af; font: 400 24px/43px "Microsoft Yahei"; color: #222222; }
.f_link a { font: 400 14px/58px "Microsoft Yahei"; color: #666666; margin-right: 10px; }
.f_link a:hover { color: #666666; }
/*页面底部*/
#footer { width: 100%; min-width: 1200px;height: 220px; left: 50%; background: url(fot.png) no-repeat top center; margin-top: 35px; }
.fta { width: 193px }
.fta dd { width: 118px; height: 140px; margin-top: 56px; margin-left: 14px; font: 400 12px/20px "Microsoft Yahei"; color: #ffffff; text-align: center; }
.ftb { width: 1000px; }
.nav_foot { font-size: 0; margin-top: 17px; }
.nav_foot a { display: inline-block; height: 24px; padding-left: 23px; font: 400 14px/24px "Microsoft Yahei"; color: #ffffff; background: url(lll.png) no-repeat left center; margin-right: 60px; }
.dblx { font: 400 12px/30px "Microsoft Yahei"; color: #ffffff; margin-top: 22px; }
.copyright { font: 400 12px/24px "Microsoft Yahei"; color: #fff; width: 510px; text-align: left; margin-top: 22px; }
.copyright a { color: #fff; }
/*------------内页-------------------*/
.left .box { margin-bottom: 10px; }
.left .box h3 { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "Microsoft YaHei"; background: #0964af; font-size: 18px; color: #fff; }
.left .box .content { padding: 5px 0px; }
.prodescription { border: 1px solid #e5e5e5; background: #f9f9f9; line-height: 24px; padding: 10px; margin-bottom: 15px; text-indent: 20px; }
.n_banner { width: 100%; margin: 0 auto; }
.n_banner img { width: 100%; margin: 0 auto }
.left { width: 225px; float: left; }
.sort_menu h3 { background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold; }
.sort_product { margin-top: 10px; }
.sort_product h3 { background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold; }
.n_contact { margin-top: 10px; font-size:15px;}
.n_contact h3 { background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold; }
.n_contact .content { padding: 5px; line-height: 24px; }
.right { width: 914px; float: right; padding-bottom: 10px; }
.sitemp { line-height: 31px; height: 31px; overflow: hidden; padding-right: 10px; background: #0964af; color: #fff; }
.sitemp h2 { width: 340px; float: left; line-height: 31px; text-align: center; text-align: left; text-indent: 15px; font-size: 14px; }
.sitemp .site { width: 380px; float: right; text-align: right; line-height: 30px; color: #fff; }
.sitemp .site a { color: #fff; }
.right .content { padding: 10px; padding-top: 15px; overflow: hidden; line-height:36px;font-size:16px; }
.sort_album { margin-top: 15px; }